<template>
    <div class="wrapper" ref="wrapper">
      <div class="content">
        <slot></slot>
      </div>
    </div>
</template>

<script>
  import BScroll from 'better-scroll'
    export default {
        name: "Scroll",
      props:{
          probeType:{
            type:Number,
            default:0
          },
        pullUpLoad: {
            type:Boolean,
          default: false
        }
      },
      data(){
          return{
            scroll:null,
            message:'哈哈哈'
          }
      },
      mounted(){
          //1.创建BScroll对象
          this.scroll = new BScroll(this.$refs.wrapper,{
              click:true,
            probeType: this.probeType,
            pullUpLoad: this.pullUpLoad
          })
        //2.监听滚动的区域
        if(this.probeType === 2 || this.probeType === 3){
          this.scroll.on('scroll',(position)=>{
            this.$emit('scroll',position)
          })
        }

        //3.监听事件
        this.scroll.on('pullingUp',()=>{
          this.$emit('pullingUp')
        })


      },
      methods:{
          scrollTo(x,y,time=300){
            this.scroll.scrollTo(x,y,time)
          },
        finishPullUp(){
            this.scroll.finishPullUp()
        },
        refresh(){
          console.log('111');
          this.scroll && this.scroll.refresh()
        },
        getScrollY(){
            this.scroll?this.scroll.y:0
        }
      }
    }
</script>

<style scoped>

</style>
